﻿/* ---Reset--- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
body { font:12px/24px Arial,Helvetica,sans-serif; color:#4c4c4c; text-align:left;}
a {color:#336699;text-decoration:none;}
a:hover {color:#336699;text-decoration:underline;}
ul,ol,li{ list-style:none;}
em { font-style:normal;}
img{ border:0; vertical-align:middle;}
fieldset{ border: 1px dashed #ccc;padding: 5px;margin: 5px;}

/*--- 表单元素 -----------------------------------------*/
textarea {overflow:auto;}
input.text, textarea {background-color:#fff;border:1px solid #bbb; vertical-align:middle;}
input.text:focus {border-color:#666; vertical-align:middle}

select{border:1px solid #ccc; height:22px; }
select:hover{ box-shadow:0px 0px 5px #ccc; border:1px solid #ccc;}
select:focus{border:1px solid #6699cc; box-shadow:0px 0px 5px #dee5eb;}
input[type="text"], input[type="password"]{ height:22px; line-height:22px; text-align:left; margin:0px;border:1px solid #ccc;  color:#4c4c4c;}
input[type="text"]:focus, input[type="password"]:focus{border:1px solid #0B8BD4;box-shadow:0px 0px 5px #ABD7F0; height:22px; line-height:22px;}
input[type="text"]:hover, input[type="password"]:hover{ box-shadow:0px 0px 5px #ccc;}
textarea{line-height:18px; font-size:12px; color:#4c4c4c; text-align:left; padding:3px; margin:0px; border:1px solid #ccc;width: 200px;height: 60px;}

textarea:hover{ box-shadow:0px 0px 5px #ccc;}
textarea:focus{border:1px solid #0B8BD4; box-shadow:0px 0px 5px #ABD7F0;}

h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px; font-weight:normal;}
/* ---common--- */
.fL{float:left;}
.fR{float:right;}
.cFix{clear:both;}
.blank_8 { height:8px; overflow:hidden; clear:both;}
.blank_10{height:10px;  overflow:hidden; clear:both;}
.blank_12 { height:12px; overflow:hidden; clear:both;}
.blank_16{height:16px; overflow:hidden; clear:both;}

.ml_10{margin-left:10px;}

/* ---header--- */
.header{width: 1000px;height:100px;margin:0 auto;display:block;background:url('images/head_bg.gif') repeat-x;}
.header .logo{background:transparent url('images/logo.jpg') no-repeat;width:500px;height:56px;float:left;display:inline-block;margin:10px 0px 0px 10px;}
.header .logout{height: 93px;line-height: 93px;text-align: right;vertical-align: middle;width: 453px;display:inline-block;float: right;background:url('images/head_logout_bg.jpg') repeat-x;}
.header .logout a{color: yellow;margin-right: 50px;}
/* ---login--- */
.login{background:#F0F0F0 url('images/login_bgbg.jpg') repeat-x;width:100%;height:500px;display:block;}
.login .content{background:#F0F0F0 url('images/login_bg.jpg') no-repeat;width:700px;height:439px;margin:0 auto;display:block;position: relative;}
.login .lb_username{position: absolute;top:200px;left: 280px;}
.login .username{position: absolute;top: 225px;left: 280px;text-indent: 22px;width:200px;height:25px;line-height:25px;background:#fff url('images/username.gif') left no-repeat;border:1px solid #ccc;color:#0C4A95;vertical-align:bottom;}
.login .lb_password{position: absolute;top: 260px;left: 280px;}
.login .password{position: absolute;top: 285px;left: 280px;text-indent: 22px;width:200px;height:25px;line-height:25px;background:#fff url('images/password.gif') left no-repeat;border:1px solid #ccc;color:#0C4A95;vertical-align:bottom;}
.login .lb_login{position: absolute;top: 325px;left: 280px;}
.login .username:focus{border:1px solid #0B8BD4; box-shadow:0px 0px 5px #ABD7F0;height:25px;line-height:25px; vertical-align:middle;}
.login .password:focus{border:1px solid #0B8BD4; box-shadow:0px 0px 5px #ABD7F0;height:25px;line-height:25px; vertical-align:middle;}
.login .validation-summary-errors{position: absolute;top: 330px;left: 370px;width:150px;display:block;color:Red;}
/* ---mainNav--- */
.mainNav {width: 1000px;height: 30px;margin:0 auto;background:#EDEEF2;box-shadow:0px 0px 10px #bbbbbb;margin-bottom: 10px;}
.mainNav li {float: left;height: 30px;border-right: 1px solid #ddd;}
.mainNav li a {	display: block;float: left;height: 30px;font-weight: bold;line-height: 30px;text-decoration: none;color: #646464;padding: 0 23px;}
.mainNav li a:hover { background: #fdfcf6; }
.mainNav li a.active, .mainNav li a.active {background:url(images/btn_bg.gif) repeat-x left top;color: #ffffff;}
/* container */
.container{width: 1000px;margin:0 auto;background:url(images/left_bgbg.jpg) repeat-y;min-height: 430px;}
/* main */
.main{ padding: 5px;vertical-align:top;float:right;width:800px;}
/*.main form {background:Red;vertical-align:top;} 
.main form fieldset{background:#4c4c4c;vertical-align:top;}*/ 

/* breadcrumbs */
.breadcrumbs{ font-size: 12px;font-weight: normal;border-bottom: 1px solid #cccccc;height:25px;line-height:25px;clear:both;}
/* sidebar */
.sidebar {width: 167px;float: left;}
.sidebar .sideNav { width: 167px;background-color: #bbbbbb; }
.sidebar .sideNav li {width: 167px;height: 40px;line-height:40px;text-align: center;vertical-align: middle; background:url(images/left_bg.jpg) no-repeat;}
.sidebar .sideNav li a { color: #BC3637;}
.sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover {color: #c66653;font-weight: bold;}
/* table */
/* 输入列表 */
.table_input {border-collapse:collapse; }
.table_input th { vertical-align:top;border-top:none; border-left:none; text-align:right; padding:3px; color:#036; font-weight:normal;height:35px;line-height:35px;vertical-align:middle;}
.table_input td {vertical-align:top;color:#1B6EA4;height:35px;line-height:35px;vertical-align:middle;padding:0px 0px 0px 5px;}
.table_input td a{color:#1B6EA4;}
.table_input th a{color:#1B6EA4;}

/* 数据列表 */
.table_list { width:99%;table-layout:fixed; word-break:break-all;border-collapse:collapse;margin:5px;}
.table_list th {background:#F9F6CD; font-weight:normal; color:#666666;font-weight:bold;padding:3px;text-align:left;border:1px solid #F1ECA6;height:25px;line-height:25px;overflow:hidden;}
.table_list td {padding:3px;color:#5e5e5e;border:1px solid #ccc;line-height:25px;word-break:break-all;}
.table_list .sel{background:#f2f2f2;}
.table_list .hover{background:#B2E1FF;}
.odd_line{background-color:#f5f7f9;}
.table_list tr.red td { color: red;}
.table_list tr.crimson td { color:blue;}
.table_list .action a{ margin-left: 3px;}
/* fieldset */
.list_form{margin:10px;}
.list_form li{padding:5px;width:100%;}
.list_form li label{width:100px;display:inline-block;}

/* empty */
.empty{margin:5px;border:1px solid #ccc;text-align:center;}
/* 页码 */
.page{text-align:right;padding-right:50px;}
.page a,.page span{display:inline-block;padding-left:10px;}
/* button */
.button-submit,.btn{cursor:pointer;border:none;background:url(images/btn_bg2.gif) no-repeat 0px 0px; width:63px; height:30px;line-height:30px;color:#fff;  font-size:12px;font-weight: bold; text-align:center; vertical-align:middle;display:inline-block;}

/* footer */
.footer{ height: 80px;line-height: 80px;background-color: #BC3637;text-align: center;vertical-align: middle;}
.footer2{ width:1000px;margin:0 auto;margin-top:10px; height: 30px;line-height: 30px;background-color: #DBDBD9;text-align: center;vertical-align: middle;}


/* 输入控件 */
.text-small {width: 44px; }
.text-long {width: 264px; }
 .text-medium { width: 124px; }
 .list_form textarea {width: 364px; height: 58px;overflow: hidden;}

 /* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors {font-weight: bold;color: #ff0000;margin:5px;padding:10px;border:1px solid #ccc;text-align:center;}
.validation-summary-valid {display: none;}
